/* 
    Document   : commom
    Created on : 2011-3-31, 8:34:41
    Author     : YuanLei
    * layout.css 布局
    * form.css 表单
    * general.css CSS常规设置
    * reset.css CSS重置
    * commom.css 通用框架样式
*/


#wrap{ width:960px; margin: 0px auto;}
#header{height:40px; background:url(../images/sprite_bg.jpg); position: relative; margin-bottom: 10px; z-index:1000}
  #header .h-l{width:10px; height:40px; display:block; float: left; background:url(../images/sprite_bg.jpg) 0px -40px;}
  #header em{display:inline;width:1px; height: 25px; border-left:1px solid #68baed;background:#0f7ccc; float: left; margin:7px 10px 0px 5px;}
  #header .h-r{ float: right; background-position: 0px -80px;}
  .logo{ width:103px; height:40px; float: left; padding:0px 15px 0px 10px;}
/*---- #container style ----*/
#container{ border: 1px solid #c5d5e0; background:url(../images/line.gif) repeat-y 194px 0px;}
  .col1{width:180px;padding: 5px 0px 5px 2px;}
  .col2{width:740px;padding: 5px 5px 5px 15px; margin-left: -5px; min-height: 560px; _height:560px; background:url(../images/line.gif) repeat-y;}
  #container .col-bottom{height: 4px; background:url(../images/line.gif) repeat-y 194px 0px;}

#footer{ font-family:Tahoma; line-height: 25px;padding:10px; color: #999;}
#footer span{ cursor:pointer; color:blue; text-decoration:underline;}
.layout-bor{border: 1px solid #c5d5e0;height: 410px; position: relative; }
/*---- meun style ----*/
  .menu{ position:absolute;left:155px; }
    .menu-top{margin-top:5px; width:67px; height:15px; padding:7px 10px 5px; color:#fff; cursor: pointer; position: relative; z-index: 5;}
    .menu-hover .menu-top{background: #fff; height:14px; color:#ff9900; font-weight:700; border: 1px solid #c5d5e0; border-bottom-width:0px;}
      .menu-top b{margin-left:5px;}
      .menu-top .triangle{ border-top-color:#fff;margin-top:4px;}
      .menu-hover .triangle{ border-top-color:#ff9900; }

    .menu-bottom{ display: none; width: 120px; padding:5px; border: 1px solid #c5d5e0; background: #fff; margin-top:-1px;  position: relative; z-index: 4;}
    .menu-hover .menu-bottom{ display: block; line-height: 20px;}
      .menu-preson{ border-bottom: 1px dashed #c5d5e0; padding: 3px 5px;}
      .menu-preson a{ color: #006699;}

      .menu-busine{ padding: 3px 5px; color: #999;}
      .menu-bottom ul{ padding: 0px 5px;}
      .menu-bottom a{ display: block; width:100%; padding: 0px 3px; color: #006699;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; height:20px;}
      .menu-bottom a:hover{ background: #FFFFCC;}
      
  .menu-msg{left:495px;}
    .new-msg{color:#ffff00; font-weight: 700;background:url(../images/icon.gif) 0px 8px no-repeat; padding-left: 20px;}
    .menu-msg,.menu-hover .menu-top{padding-left:10px;}
/*---- login-info style ----*/
  .login-info{ float: right; width:340px; line-height: 40px; color: #fff;}
    .login-info a{ color:#fff;}
    


/*---- filleted corner style ----*/
.round{ display: block; width:5px; height: 5px; background:url(../images/round.gif); overflow: hidden; position: relative;}
.r-t{margin:-1px auto auto -1px; float:left;}
.r-r{margin:-1px -1px auto auto; background-position: -5px 0px; float:right;}
.r-b{margin:auto -1px -1px auto; background-position: -5px -5px; float:right;}
.r-l{margin:auto auto -1px -1px; background-position: 0px -5px; float:left;}

/*---- user style ----*/
.user{ border: 1px solid #c5d5e0; padding: 5px; margin-bottom: 5px;background:url(../images/sprite_bg.jpg) 0px -120px; height: 95px;}
.user-loading{ height:32px; overflow:hidden; margin-top: 30px;}
  .user-info{ height: 50px; overflow: hidden; width:170px;}
  .user-info img{ border:1px solid #ccc; background: #EEF2F4; display: inline; margin: 0px 5px 0px 0px;}
  .user-info b,.user-info span{ display: block; padding-top: 5px; height:18px; width:110px; line-height: 18px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
  .user-phone{ padding: 3px 5px 0px 20px; font-family: Tahoma; background:url(../images/icon.gif) 0px -20px no-repeat; line-height: 18px; clear: both; height:18px;}
  .user-tel{ background-position: 0px -45px;}
    .user-phone select{ width: 140px;}

/*---- navigation style ----*/
.nav{border-bottom-width:0px;}
  .nav dt,.nav dd{ border: 1px solid #c5d5e0; height: 29px; font-weight: 700; font-size: 14px; line-height: 29px; overflow: hidden; margin-bottom:3px;}
  .nav dt{ text-indent:14px;}
  .nav a{ display: block; width: 100%; outline:none;}
  .nav dt a:hover{color:#FF6600;}
  .nav dt.open{ background:url(../images/icon.gif) 155px -663px no-repeat}
  .nav dt.close{ background:url(../images/icon.gif) 155px -689px no-repeat}
  .nav dt.active,.nav dt.current{ background-color: #ACD3F4; color:#333; outline:none;}
  .nav a:hover{ text-decoration: none; }
  .nav dd{ height: auto;margin-top:-4px;}
    .nav dd li{ line-height: 25px; height:25px; margin:3px; position:relative;border-bottom: 1px solid #c5d5e0; z-index:0;padding-left:20px;}
	.nav dd .personal-list li{border-bottom: 1px solid #c5d5e0;}
	.nav dd .personal-list li.last{ border:0px;color:#006699; cursor:pointer;}
	.nav dd .personal-list li.last a{ font-weight:bold;}
      .nav dd .current,.nav dd .active{ background-color: #ACD3F4;}
      .nav dd .current a{color:#fff; font-weight:bold;}
	  .nav dd a:hover{color:#FF6600;}
      .nav dd li a{font-weight: normal;height:25px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; color:#006699;}
	  .nav dd .hover .personal-tool{ display:block;}
	  .nav dd .reveal .personal-tool{ display:block;}
	  .personal-tool{ position:absolute; right:0px;_right:10px; top:2px; width:50px; display:none;}
	  .personal-tool a{ display:block; width:25px; height:20px; background:url(../images/icon.gif) no-repeat; float:left; cursor:pointer;}
	    .personal-tool .tool-edit{ background-position:-30px -623px;}
		.personal-tool .tool-edit:hover{background-position:7px -623px;}
	    .personal-tool .tool-del,.personal-tool .tool-cancel,.personal-tool .tool-hide{ background-position:-30px -600px;}
	    .personal-tool .tool-del:hover,.personal-tool .tool-cancel:hover,.personal-tool .tool-hide:hover{ background-position:7px -600px;}
		.personal-tool .tool-save,.personal-tool .tool-add{ background-position:-30px -642px;}
		.personal-tool .tool-save:hover,.personal-tool .tool-add:hover{ background-position:7px -642px;}
		.tool-txt{ width:90px;}

/*---- top style ----*/
.top{ border: 1px solid #c5d5e0; margin:0px -3px 10px 0px; }
  .top-title{ height:35px; padding: 0px 10px; line-height: 35px;background: #5cabe3 url(../images/sprite_bg.jpg) 0px -270px;}
    .top-title h1{ font-size: 14px; width: 250px; color: white;}
  .top-index{ padding: 5px 10px; height: 25px; border-top: 1px solid #c5d5e0;}
  .top-index .box_l a{ font-family: Tahoma; color: #4d96d7; font-size: 12px; float: left;padding:3px 5px;}
    .top-index .box_l a:hover,.top-index .box_l .current{ background: #FFFFCC;border:1px solid #FFE16C; color: #FF9900; }
	.top-index .box_l .current{ margin:0px 3px;}

  .top-index .box_r{ width: 150px; text-align: right;}
    .top-index .box_r a{ color:blue; line-height: 25px;}

  .top-back{ margin-top: 4px; background: url(../images/btn.gif) no-repeat; width: 81px; height: 26px; text-align: center; color: #ae5300; line-height: 26px; display: inline;}
  .top-back:hover{ background-position: 0px -26px;text-decoration: none;}
/*---- grid table style ----*/

.grid{ width: 100%; border: 1px solid #c5d5e0; margin-bottom:10px;}
  .grid thead th{ height:30px;border-bottom:1px solid #c5d5e0; background: #EEF0F7; padding: 0px 5px; text-align:left; }
  .grid thead th.title-name{ text-indent: 25px;}
  .grid tfoot td{ height:40px;border-bottom:1px solid #c5d5e0; }
  .grid td{border-bottom:1px dashed #c5d5e0; height:30px; padding: 0px 5px;}
  .grid .hover td{ background: #eee;}
  .grid .grid-empty{ height:300px;}
  .grid th.noboder{ padding: 0px 3px; width: 0px;}
  .grid td.noboder{ border: 0px; padding: 0px 3px; width: 0px;}
  .grid-select{ float:left; top:-11px;}
  .gicon{ background:url(../images/icon.gif) 0px -75px no-repeat; padding:6px 0px 6px 20px; line-height: 25px; color: blue;}
  .gicon:hover{ text-decoration:none;}
  .grid .gicon{ text-decoration: none;}
  .grid .gicon:hover{color:#ff5500;}

  .grid-female{ background-position: 0px -100px; padding-left: 25px;}
  .grid-male{ background-position: 0px -73px; padding-left: 25px;}
  .grid-user{ background-position: 0px -125px; padding-left: 25px;}
  
  .grid-msg{ background-position: 0px -150px;}
  .grid-nmsg{ background-position: 0px -176px; cursor: default;}
  .grid-tel{ background-position: 0px -202px; margin-left: 20px;}

  .grid-rectel{background-position: 0px -282px; padding-left: 25px;}
  .grid-mistel{background-position: 0px -256px; padding-left: 25px;}
  .grid-calltel{background-position: 0px -230px; padding-left: 25px;}
  .grid-recmsg{background-position: 0px -308px; padding-left: 25px;}
  .grid-sendmsg{background-position: 0px -335px; padding-left: 25px;}
  .grid-addbook{background-position: 0px -720px; padding-left: 20px;}

/*---- card show style ----*/
  .card-show{border:1px solid #c5d5e0; padding: 10px 5px; margin-bottom:10px;}
     .card-show li{ border:1px solid #bfdcec; border-width: 1px 2px 2px 1px; border-style: solid; border-color:#bfdcec #d6e9f3 #d6e9f3 #bfdcec; float: left; display: inline; width: 168px; height: 70px; margin: 0px 5px;}
       .card-show .shade{ border-right: 2px solid #bfdcec; border-bottom: 2px solid #bfdcec; padding: 5px; height:58px; line-height: 20px; position:relative;}
	   .card-show .card-check{ position:absolute; right:3px; top:5px;}
	   .card-show .hover{ background:#CDE7F3;}
       .card-show img{ background:#EEF2F4; border: 1px solid #CCCCCC; display: inline; margin: 0 5px 0 0; padding: 4px;}
	   .card-show p{ width:90px; word-wrap:break-word;overflow:hidden; height:20px;}
	   .card-show .page{ border-top:1px solid #C5D5E0; margin-top:10px;}
	   .card-show .page-total{ padding-left:0px;}
/*---- page style ----*/
.page{ padding:5px 10px;}
.page-total{ width: 23%; padding:5px 0px 0px 5px;}
.page-list{width: 70%; padding:5px;}
.page-list a,.page-list span{border: 1px solid #c5d5e0; padding:3px 7px; color: #006699; text-decoration: none;}
.page-list a:hover{background:#f4f4f4;}
.page-list .diabled{ border:0px;}
.page-list .current{background:#FFFFCC; border-color:#FFE16C; color: #FF9900; font-weight: 700;}


/*-- 下拉菜单样式 --*/
.droplist{ position:relative; z-index:1;}
.droplist dt{display:inline; float:left;  margin:0px; padding:0px; cursor:pointer; border:1px solid #ccc; background:#fff; width:130px; padding:0px 5px;position:absolute; top:0px; left:0px; overflow:hidden; height:20px; line-height:20px;}
.droplist dt span{ background:none; font-weight:normal;}
.droplist dt em{ float:right;border-color: #999 transparent transparent transparent; border-width:6px; margin-top:6px;}
.droplist dd{ position:absolute; z-index:9999; left:0px; top:19px; width:140px; background:#eee; border:1px solid #98C5F4; overflow-y:auto;}
.droplist dd a{ display:block; line-height:22px; height:22px; font-weight:normal; padding:0px 10px; margin:3px 5px; overflow:hidden;}
.droplist dd a:hover{ background:#ACD3F4; color:#fff; text-decoration:none;}
/*-- End下拉菜单样式 --*/




/* 弹出窗口样式 */
.selectiframe{position:absolute;z-index:-1;width:100%;height:100%;filter:alpha(opacity=0);-moz-opacity:0; top:0px; height:0px;}
.myWrap {display:none; margin: 0px; padding: 0px; border: 5px solid #666; background: #fff; overflow:hidden;}
.myWrap .myTi{position:relative; background: #E4E4E4; border-bottom:1px solid #D5D5D5; padding-left:10px; }
.myWrap .myTi_l{height:30px; line-height:30px; padding-right:25px; font-size:14px; font-weight:bold; color:#333;
 cursor:move;}
.myWrap .myTi_r{position:absolute; width:25px; height:21px; top:1px; right:0px;cursor:pointer;font-size:20px; font-family:Tahoma; cursor:pointer; font-weight:bold;}
.myWrap .myContent{ padding:10px;}
.pop-bottom{ padding: 5px; height: 25px; background:url(../images/popbottombg.png) center -1px no-repeat;}
/* 结束弹出窗口样式 */


/*---- pop style ----*/

/*-- 安装窗口 --*/
.pop-setp{ padding:0px 20px 20px; line-height: 20px;}
.pop-setp p{ padding:7px 10px;}
.pop-setpbg{ background:url(../images/step.jpg) center 0px no-repeat; height:60px; margin:10px 0px 20px;}
.pop-addphone1 p{ margin-bottom:10px; padding-left:20px;}
.pop-addphone2 p{ padding:5px 0px;}
.pop-addphone1 select{ width:100px;}

.pop-addphone2 .pop-setpbg{ background-position:center -70px;}
.addphone2-text{ width:140px;}

.pop-addphone2 .pop-setpbg{ background-position:center -70px;}
.pop-addphone3{ padding:20px 30px; line-height:40px;}
/*-- End安装窗口 --*/

.addbook{ padding:20px;}

.icon-msgok{ margin:0px 15px 20px 0px;}


.pop-closebtn{ background: url(../images/btn.gif) 0px -220px; width: 72px; height: 22px; border: 0px; margin-right:5px; cursor:pointer;}
.pop-okbtn{ background: url(../images/btn.gif) 0px -108px; width: 81px; height: 26px; border: 0px; cursor:pointer;}
.succ{ padding: 5px 10px; background:url(../images/icon.gif) 0px -415px;}
.transparent{ position: absolute; left: 0px; top: 0px; width: 100%; height:600px; background: #000;z-index: 100; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}



/*-- 添加联系人窗口 --*/
.top-title .search{ _padding-top:5px;}
.search-text{ height: 20px; width: 180px; border: 1px solid #ccc; line-height: 20px; color: #999}
.search-btn{ background: url(../images/btn.gif) 0px -60px; width: 51px; height: 23px; border: 0px; cursor: pointer;}
.top-title span{ width:55px; height:25px; float:left;background-image: url(../images/btn.gif); margin:5px; display:inline; cursor:pointer;}
.toolbtn-add{ background-position:0px -140px;}
.toolbtn-del{background-position:0px -166px;}
.toolbtn-move{ float:left; margin:5px 0px 0px 5px;}
.toolbtn-move dt{background: url(../images/btn.gif) 0px -192px no-repeat; margin:0px;width:84px; height:25px;cursor:pointer; text-indent:-999px; border:0px;}
.toolbtn-move dd{ top:27px; width:105px;}

.pop-adduser{ width:450px; margin-left:-225px; top:200px;}
.pop-adduser p{ padding:3px 15px;}
.portrait{ border:1px solid #ccc; background: #EEF2F4; display: inline; margin: 0px 5px 0px 10px;}

.pop-info{ width:280px; margin-bottom:10px; margin-left:15px; display:inline; float:left;}
.pop-info p{ padding:3px;}
.pop-info select{width:145px;}

.pop-items{ position:relative;}
.pop-items .input-text{ width:180px;}
.pop-items select{ width:100px;}
.pop-items textarea{ width:100%; height:50px;}
.pop-items-title{ font-size:14px; font-weight:bold; border-bottom:2px solid #ccc; margin-bottom:10px; line-height:25px;}
.pop-items-del{ font-family:Tahoma; color:#999; font-size:20px; font-weight:bold; cursor:pointer;}
.pop-items-des{ width:290px; text-align:right; padding:5px 0px 10px;}
.pop-error{ background: url(../images/icon.gif) #FFFFD7 5px -436px no-repeat; line-height:25px; border:1px solid red; color:red; text-indent:25px; margin:10px 0px;}
/*-- End添加联系人窗口 --*/

/*-- 打电话窗口 --*/
.pop-callmsg,.pop-callkefumsg{ line-height:25px; padding:20px;}
/*-- End打电话窗口 --*/

/*---- End pop style ----*/

